<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="#, Sarfraz Shoukat, Muhammad Shahbaz Saleem">
    <link rel="shortcut icon" href="images/ico/favicon.png">
    <title>Tlion!</title>
    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="css/style.css" rel="stylesheet">
    <link href="css/jquery.bxslider.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
    <script src="js/jquery.bxslider.js" type="text/javascript"></script>
    <script src="js/modernizr.custom.js"></script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="../../assets/js/html5shiv.js"></script>
      <script src="../../assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>
  
  <header class="header"> 
    <div class="container">

	  <div class="row">
 	  
	    <div class="col-md-3">
		  <div class="logo">
		    <a href="index.html">Tlion!</a>
		  </div>
		</div>
		
		<div class="col-md-9">
                  <div class="menu">
                    <div id="dl-menu" class="dl-menuwrapper">
                    <button class="dl-trigger">Open Menu</button>
                      <ul class="dl-menu">
                        <li class="current"><a href="index.html">主页</a></li>
                        <li><a href="about.html">部门管理</a></li>
                            <li><a href="team.html">员工领导</a></li>
                            <li ><a href="404.html">404</a></li>
                        
                        <li><a href="#">照片墙</a>
                            <ul class="dl-submenu">
                            	<li><a href="portfolio2.html">照片墙 2</a></li>
                                <li><a href="portfolio3.html">照片墙 3</a></li>
                                <li><a href="portfolio4.html">照片墙 4</a></li>
                            </ul>
                        </li>
                        <li><a href="blog.html">公司动态</a></li>
                        <li><a href="contact.html">意见</a></li>
                        <li><a href="mmy/T_user.jsp">登录</a></li>
                      </ul>
                    </div> 
                  </div><!-- /.menu --> 
		</div>
		
	  </div>

	</div>
  </header>	

 <!-- start slider -->
    <div class="slider">
        <ul class="bxslider" id="slider">
            <li>
                <img src="images/slides/slide1.jpg" /></li>
            <li>
                <img src="images/slides/slide2.jpg" /></li>
            <li>
                <img src="images/slides/slide3.jpg" /></li>
           
        </ul>
    </div>
    <!-- end slider -->
	
  <!-- start content -->
  <div class="content">
  
    <!-- start promobox -->		
	<div class="promobox text-center">
	  <div class="container">
	    <h1>Tlion! 特别牛！<br/> 快来看看我们的网站吧！</h1>
	    <a href="#" class="btn btn-transparent">我还要看！</a>
	  </div>
	</div>
    <!-- end promobox -->	
	
  <!-- start block -->		
  <div class="block">
    <div class="container">
	
	  <div class="row">
	    
		<div class="col-md-12">
	
	      <h2 class="headline">展示图片1</h2>
          <span class="line">
            <span class="sub-line"></span>
          </span>
	  
	      <ul id="recent-works">
	      <li>
          <img class="img-responsive" alt="image" src="images/work/1.jpg">
          <h3>
          <small>
          <a href="#">展示图片2</a>
          </small>
          </h3>
          </li>

	      <li>
          <img class="img-responsive" alt="image" src="images/work/2.jpg">
          <h3>
          <small>
          <a href="#">展示图片3</a>
          </small>
          </h3>
          </li>

	      <li>
          <img class="img-responsive" alt="image" src="images/work/3.jpg">
          <h3>
          <small>
          <a href="#">展示图片4</a>
          </small>
          </h3>
          </li>
	 
	      <li>
          <img class="img-responsive" alt="image" src="images/work/4.jpg">
          <h3>
          <small>
          <a href="#">展示图片5</a>
          </small>
          </h3>
          </li>	 
	 
	      <li>
          <img class="img-responsive" alt="image" src="images/work/5.jpg">
          <h3>
          <small>
          <a href="#">展示图片6</a>
          </small>
          </h3>
          </li>	

	      <li>
          <img class="img-responsive" alt="image" src="images/work/6.jpg">
          <h3>
          <small>
          <a href="#">展示图片7</a>
          </small>
          </h3>
          </li>	

	      <li>
          <img class="img-responsive" alt="image" src="images/work/7.jpg">
          <h3>
          <small>
          <a href="#">#</a>
          </small>
          </h3>
          </li>		 
	      </ul>
	  
	    </div>
	
	  </div>
	
	</div>
  </div>
  <!-- end block -->  
  <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>	
	
    
  <!-- start block -->		
  <div class="block">
    <div class="container">
	
	      <h2 class="headline">关于我们</h2>
          <span class="line">
            <span class="sub-line"></span>
          </span>
		
	  <div class="row">
	  
	    <div class="col-md-12">
          
          <h3>    我们以奉献网络科技而缩短人类之间沟通的距离，提升政府、企业的形象，为客户创造价值为自身的社会使命，以提供各种上网解决方案为中心开展业务工作</h3>
          <br /><br />
          <p><img class="pull-left" alt="img" src="images/home-about.jpg" width="450" style="padding:0 20px 20px 0;">	   我们全心致力于企事业单位建站和电子商务的应用及推广。公司拥有独立的高端服务器，托管于广州电信主干机房，提供从域名注册、虚拟主机、中文网址、企业邮箱、网站建设、网站推广、网络营销和软件开发的企业上网全程服务。行业涉及机械、医药、卫生、建筑、 IT 、纺织、娱乐、物流、咨询、房产、汽车等，具有丰富的设计经验。</p>
    
		</div>
		
	    <div class="col-md-6">
          	
		</div>
	
	  </div>
	  
	  
	  
	</div>
  </div>
  <!-- end block -->  
  
  
  <!-- start block -->	
  <div class="block">
	
	<div class="container">
	
	  <div class="row">
	  
	    <div class="col-md-12">
		  <h2 class="headers">服务</h2>
		  <span class="line" >
		  <span class="sub-line" ></span>
		  </span>
						
		<div class="row">
					
		<div class="col-md-4">
          <ul class="nav nav-pills nav-stacked services">
          <li class="active"><a href="#tab_a" data-toggle="pill"><i class="fa fa-cloud"></i>网络策略</a></li>
          <li><a href="#tab_b" data-toggle="pill"><i class="fa fa-mobile"></i>手机市场</a></li>
          <li><a href="#tab_c" data-toggle="pill"><i class="fa fa-facebook"></i>社交媒体</a></li>
          <li><a class="last" href="#tab_d" data-toggle="pill"><i class="fa  fa-bar-chart-o"></i>市场分析</a></li>
          </ul>
		</div>

        <div class="tab-content col-md-8">
          <div class="tab-pane active" id="tab_a">
              <h4>网络策略</h4>
		     <img src="images/gallery/01.jpg" style="margin:15px 0;" alt="" />
              <p>我们的策略团队将品牌价值转变为可操作的品牌行为。我们实施和衡量电子商务战略，以最大限度地暴露在全球各地的消费者。我们的战略使我们的客户兴旺发达。  </p>
          </div>
          <div class="tab-pane" id="tab_b">
              <h4>手机市场</h4>
		      <img src="images/gallery/03.jpg" style="margin:15px 0;" alt="" />
              <p> 

通过移动搜索，你的广告将通过手机上的搜索结果来显示，以扩大你的范围。通过允许你的广告去你的客户去任何地方，推广你的生意的潜力随时随地都可以得到</p>
          </div>
          <div class="tab-pane" id="tab_c">
              <h4>社交媒体</h4>
		      <img src="images/gallery/02.jpg" style="margin:15px 0;" alt="" />
              <p> 

作为一个社会媒体营销机构，我们已经制定了一个数字战略，以最大限度地提高您的组织的参与和受益于这个令人兴奋和强大的沟通平台，同时补充其他数字营销活动</p>
          </div>
          <div class="tab-pane" id="tab_d">
              <h4>市场分析</h4>
		      <img src="images/gallery/04.jpg" style="margin:15px 0;" alt="" />
              <p>

在线和数字媒体的一个主要好处是能够实时跟踪观众的反应。我们有一个一流的团队，有力地收集数据，我们利用提高客户的网络营销活动的质量和结果</p>
          </div>

        </div><!-- tab content -->

	  </div>
	  
	</div>					
		
	
		
  </div>  
	  
  </div>
	
  </div>
  <!-- end block -->
  
  <div class="block">
    <div class="container">
	
	      <h2 class="headline">客户</h2>
          <span class="line">
            <span class="sub-line"></span>
          </span>	

                <ul id="clients"> 
				  <li><img src="images/clients/google-logo.png" alt="" width="200" ></li>
				  <li><img src="images/clients/marlboro-logo.png" alt="" width="200"></li>
				  <li><img src="images/clients/wordpress-logo.png" alt="" width="200"></li>
				  <li><img src="images/clients/nokia-logo.png" alt="" width="200"></li>
				  <li><img src="images/clients/microsoft-logo.png" alt="" width="200"></li>
                  <li><img src="images/clients/yahoo-logo.png" alt="" width="200"></li>
				</ul>
		  
	</div>
  </div>
	
  </div>
  <!-- end content -->
  
  <footer>
    <div class="footer-top">
	  <div class="container">
	    <div class="row">
		  <div class="col-md-8">
		    <h3>关于 Tlion!</h3>
			<p>Tlion网络科技有限公司是由一批具有国内著名网络公司服务背景的网络精英所组成，年轻、富有活力，注定一开始就是一家成熟的网络科技公司，是一家专业从事网站建设、网站推广和网络营销的互联网基础运营商。
</p>
           
            
            
		  </div>
		  <div class="col-md-4">
          <h3>立刻联系我们！</h3>
          
          <p>Suit 44, 25th Floor, World Beach.</p>
          <p>Washington, DC 08808, USA.</p>
          
          <ul class="get-social">
            <li>
            <a href="#">
            <i class="fa fa-facebook"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-twitter"></i>
            </a>
            </li>
           
            <li>
            <a href="#">
            <i class="fa fa-linkedin"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-google-plus"></i>
            </a>
            </li>
            <li>
            <a href="#">
            <i class="fa fa-pinterest"></i>
            </a>
            </li>
            
            </ul>
            
            
          	
          </div>
		  
		   			  
		</div>
	  </div>
	</div>
	
  </footer>


    <!-- JavaScript
    ================================================== -->
   <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <script type="text/javascript" src="js/jquery.dlmenu.js"></script>
    <script type="text/javascript" src="js/jquery.flexisel.js"></script>
    <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/jquery.ajax-contact-form.js"></script>
    <script type="text/javascript" src="js/script.js"></script>
	
  </body>
</html>
